.menu {
    padding-bottom: 10px;
    &-main {
        height: calc(100vh - 50px);
        overflow: hidden;
        overflow-y: auto;
        padding-bottom: 10px;
        background-color: var(--color-f8);
    }
    .user-info {
        height: 50px;
        color: var(--color-333);
        font-size: var(--size-16);
        padding: 0 12px;
        background-color: var(--color-white);
    }
    .vip {
        margin: 15px;
        color: rgb(211, 183, 141);
        border-radius: var(--border-radius);
        overflow: hidden;
        background: linear-gradient(to bottom, #000, var(--color-333));
        box-shadow: 0px -100px 10px 30px var(--color-white);
        .top {
            padding: 10px;
            border-bottom: 1px solid var(--color-333);
            padding-bottom: 10px;
            .title {
                font-size: var(--size-14);
                color: var(--color-white);
                margin-bottom: 5px;
                font-weight: bold;
            }
            .btn {
                color: rgb(211, 183, 141);
                border-color: rgb(211, 183, 141);
            }
        }
        .bottom {
            padding: 10px;
            .img {
                border-radius: 100% !important;
                overflow: hidden;
            }
        }
    }
    &-list {
        background-color: var(--color-white);
        margin: 15px;
        border-radius: var(--border-radius);
        overflow: hidden;
        .adm-list-body {
            border-bottom: 0;
            border-top: 0;
        }
        .adm-list-header {
            border-bottom: var(--border-bottom);
        }
    }
}